<!DOCTYPE html>
<html>
<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!-- Template CSS -->
	<link rel="stylesheet" href="../css/style-starter.css">
	<!-- Template CSS -->
	<link href="http://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,600&display=swap"
		  rel="stylesheet">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<!-- Ionicons CSS-->
<link rel="stylesheet" href="css/ionicons.min.css">
<!-- Device mockups CSS-->
<link rel="stylesheet" href="css/device-mockups.css">
<!-- Google fonts - Source Sans Pro-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
<!-- Swiper sLider-->
<link rel="stylesheet" href="vendor/swiper/css/swiper.min.css">
<!-- theme stylesheet-->
<link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="css/custom.css">
<!-- Favicon-->
<link rel="shortcut icon" href="images/favicon.png">
<!-- Tweaks for older IEs--><!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<!-- header -->
<header id="site-header" class="w3l-header fixed-top">
	<!--/nav-->
	<nav class="navbar navbar-expand-lg navbar-light fill px-lg-0 py-0 px-3">
		<div class="container">
			<h1><a class="navbar-brand" href="index.html"><span class="fa fa-play icon-log"
																aria-hidden="true"></span>
				Panda熊猫影城<img src="/images/xm.jpeg"width="70" height="70"> </a></h1>
			<!-- if logo is image enable this
                    <a class="navbar-brand" href="#index.html">
                        <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
                    </a> -->
			<button class="navbar-toggler collapsed" type="button" data-toggle="collapse"
					data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
					aria-label="Toggle navigation">
				<!-- <span class="navbar-toggler-icon"></span> -->
				<span class="fa icon-expand fa-bars"></span>
				<span class="fa icon-close fa-times"></span>
			</button>

			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav ml-auto">
					<li class="nav-item">
						<a class="nav-link" href="index.html">主页</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="about.html">关于</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="genre.html">电影</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="contact.html">联系</a>
					</li>
					<li class="nav-item active">
						<a class="nav-link" href="schedule.html">电影票</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="order.html">订单</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="Login.html">登录</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="register.html">注册</a>
					</li>
				</ul>

				<!--/search-right-->
				<!--/search-right-->
				<div class="search-right">
					<a href="#search" class="btn search-hny mr-lg-3 mt-lg-0 mt-4" title="search">搜索 <span
							class="fa fa-search ml-3" aria-hidden="true"></span></a>
					<!-- search popup -->
					<div id="search" class="pop-overlay">
						<div class="popup">
							<form action="#" method="post" class="search-box">
								<input type="search" placeholder="Search your Keyword" name="search"
									   required="required" autofocus="">
								<button type="submit" class="btn"><span class="fa fa-search"
																		aria-hidden="true"></span></button>
							</form>
							<div class="browse-items">
								<h3 class="hny-title two mt-md-5 mt-4">Browse all:</h3>
								<ul class="search-items">
									<li><a href="genre.html">动作</a></li>
									<li><a href="genre.html">剧情</a></li>
									<li><a href="genre.html">家庭</a></li>
									<li><a href="genre.html">惊悚</a></li>
									<li><a href="genre.html">喜剧</a></li>
									<li><a href="genre.html">爱情</a></li>
									<li><a href="genre.html">电视服务</a></li>
									<li><a href="genre.html">恐怖</a></li>
									<li><a href="genre.html">动作</a></li>
									<li><a href="genre.html">剧情</a></li>
									<li><a href="genre.html">家庭</a></li>
									<li><a href="genre.html">惊悚</a></li>
									<li><a href="genre.html">喜剧</a></li>
									<li><a href="genre.html">爱情</a></li>
									<li><a href="genre.html">电视服务</a></li>
									<li><a href="genre.html">恐怖</a></li>
								</ul>
							</div>
						</div>
						<a class="close" href="#close">×</a>
					</div>
					<!-- /search popup -->
					<!--/search-right-->
				</div>


			</div>
			<!-- toggle switch for light and dark theme -->
			<div class="mobile-position">
				<nav class="navigation">
					<div class="theme-switch-wrapper">
						<label class="theme-switch" for="checkbox">
							<input type="checkbox" id="checkbox">
							<div class="mode-container">
								<i class="gg-sun"></i>
								<i class="gg-moon"></i>
							</div>
						</label>
					</div>
				</nav>
			</div>
			<!-- //toggle switch for light and dark theme -->
		</div>
	</nav>
	<!--//nav-->
</header>

<div class="page-holder">
  <!-- Hero Section-->
  <section class="hero shape-1 shape-1-sm">
	<div class="container">
	  <nav aria-label="breadcrumb">
		<ol class="breadcrumb mb-0 pl-0">
		  <li class="breadcrumb-item"><a href="index.html" class="animsition-link">主页</a></li>
		  <li aria-current="page" class="breadcrumb-item active">购票</li>
		</ol>
	  </nav>
	  <!-- Platforms-->
	  <div class="platforms mt-4 d-none d-lg-block"><span class="platforms-title">Compatible with</span>
		<ul class="platforms-list list-inline">
		  <li class="list-inline-item"><img src="images/netflix.svg" alt="" class="platform-image img-fluid"></li>
		  <li class="list-inline-item"><img src="images/apple.svg" alt="" class="platform-image img-fluid"></li>
		  <li class="list-inline-item"><img src="images/android.svg" alt="" class="platform-image img-fluid"></li>
		  <li class="list-inline-item"><img src="images/windows.svg" alt="" class="platform-image img-fluid"></li>
		  <li class="list-inline-item"><img src="images/synology.svg" alt="" class="platform-image img-fluid"></li>
		</ul>
	  </div>
	</div>
  </section>
  <!-- Schedule Section-->
  <section class="schedule shape-2">
	<div class="container">
	  <div class="schedule-table">
		<nav>
		  <div id="nav-tab" role="tablist" class="nav nav-tabs schedule-nav nav-fill"><a id="nav-mon-tab" data-toggle="tab" href="#nav-mon" role="tab" aria-controls="nav-mon" aria-selected="true" class="nav-item nav-link schedule-nav-link active">星期一</a><a id="nav-tue-tab" data-toggle="tab" href="#nav-tue" role="tab" aria-controls="nav-tue" aria-selected="false" class="nav-item nav-link schedule-nav-link">星期二</a><a id="nav-wed-tab" data-toggle="tab" href="#nav-wed" role="tab" aria-controls="nav-wed" aria-selected="false" class="nav-item nav-link schedule-nav-link">星期三</a><a id="nav-thu-tab" data-toggle="tab" href="#nav-thu" role="tab" aria-controls="nav-thu" aria-selected="false" class="nav-item nav-link schedule-nav-link">星期四</a><a id="nav-fri-tab" data-toggle="tab" href="#nav-fri" role="tab" aria-controls="nav-fri" aria-selected="false" class="nav-item nav-link schedule-nav-link">星期五</a><a id="nav-sat-tab" data-toggle="tab" href="#nav-sat" role="tab" aria-controls="nav-sat" aria-selected="false" class="nav-item nav-link schedule-nav-link">星期六</a><a id="nav-sun-tab" data-toggle="tab" href="#nav-sun" role="tab" aria-controls="nav-sun" aria-selected="false" class="nav-item nav-link schedule-nav-link">星期日</a></div>
		</nav>
		<div id="nav-tabContent" class="tab-content">
		  <div id="nav-mon" role="tabpanel" aria-labelledby="nav-mon-tab" class="tab-pane fade show active"> 
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-1.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-1">Science fiction</span>
					  <h3 class="schedule-item-name">Black Mirror</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">14:45</li>
							<li class="list-inline-item viewing-times-item">18:30</li>
							<li class="list-inline-item viewing-times-item">20:30</li>
							<li class="list-inline-item viewing-times-item">24:45</li>
						  </ul>
						</div>
						<div class="duration">105 Mins<span class="certification">15</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-2.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-2">Adventure</span>
					  <h3 class="schedule-item-name">Stranger things</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">16:00</li>
							<li class="list-inline-item viewing-times-item">18:00</li>
							<li class="list-inline-item viewing-times-item">21:00</li>
						  </ul>
						</div>
						<div class="duration">120 Mins<span class="certification">PG</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-3.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-3">Adventure</span>
					  <h3 class="schedule-item-name">Westworld</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">14:30</li>
							<li class="list-inline-item viewing-times-item">20:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">117 Mins<span class="certification">U</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-4.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-1">Drama</span>
					  <h3 class="schedule-item-name">House of cards</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">10:00</li>
							<li class="list-inline-item viewing-times-item">12:45</li>
							<li class="list-inline-item viewing-times-item">17:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">135 Mins<span class="certification">18</span></div>
					  </div>
					</div>
				  </div>
				</div>
		  </div>
		  <div id="nav-tue" role="tabpanel" aria-labelledby="nav-tue-tab" class="tab-pane fade"> 
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-1.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-2">Science fiction</span>
					  <h3 class="schedule-item-name">Black Mirror</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">14:45</li>
							<li class="list-inline-item viewing-times-item">18:30</li>
							<li class="list-inline-item viewing-times-item">20:30</li>
							<li class="list-inline-item viewing-times-item">24:45</li>
						  </ul>
						</div>
						<div class="duration">105 Mins<span class="certification">15</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-2.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-3">Adventure</span>
					  <h3 class="schedule-item-name">Stranger things</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">16:00</li>
							<li class="list-inline-item viewing-times-item">18:00</li>
							<li class="list-inline-item viewing-times-item">21:00</li>
						  </ul>
						</div>
						<div class="duration">120 Mins<span class="certification">PG</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-3.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-1">Adventure</span>
					  <h3 class="schedule-item-name">Westworld</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">14:30</li>
							<li class="list-inline-item viewing-times-item">20:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">117 Mins<span class="certification">U</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-4.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-2">Drama</span>
					  <h3 class="schedule-item-name">House of cards</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">10:00</li>
							<li class="list-inline-item viewing-times-item">12:45</li>
							<li class="list-inline-item viewing-times-item">17:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">135 Mins<span class="certification">18</span></div>
					  </div>
					</div>
				  </div>
				</div>
		  </div>
		  <div id="nav-wed" role="tabpanel" aria-labelledby="nav-wed-tab" class="tab-pane fade">
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-1.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-1">Science fiction</span>
					  <h3 class="schedule-item-name">Black Mirror</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">14:45</li>
							<li class="list-inline-item viewing-times-item">18:30</li>
							<li class="list-inline-item viewing-times-item">20:30</li>
							<li class="list-inline-item viewing-times-item">24:45</li>
						  </ul>
						</div>
						<div class="duration">105 Mins<span class="certification">15</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-2.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-2">Adventure</span>
					  <h3 class="schedule-item-name">Stranger things</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">16:00</li>
							<li class="list-inline-item viewing-times-item">18:00</li>
							<li class="list-inline-item viewing-times-item">21:00</li>
						  </ul>
						</div>
						<div class="duration">120 Mins<span class="certification">PG</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-3.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-3">Adventure</span>
					  <h3 class="schedule-item-name">Westworld</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">14:30</li>
							<li class="list-inline-item viewing-times-item">20:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">117 Mins<span class="certification">U</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-4.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-1">Drama</span>
					  <h3 class="schedule-item-name">House of cards</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">10:00</li>
							<li class="list-inline-item viewing-times-item">12:45</li>
							<li class="list-inline-item viewing-times-item">17:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">135 Mins<span class="certification">18</span></div>
					  </div>
					</div>
				  </div>
				</div>
		  </div>
		  <div id="nav-thu" role="tabpanel" aria-labelledby="nav-thu-tab" class="tab-pane fade">
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-1.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-2">Science fiction</span>
					  <h3 class="schedule-item-name">Black Mirror</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">14:45</li>
							<li class="list-inline-item viewing-times-item">18:30</li>
							<li class="list-inline-item viewing-times-item">20:30</li>
							<li class="list-inline-item viewing-times-item">24:45</li>
						  </ul>
						</div>
						<div class="duration">105 Mins<span class="certification">15</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-2.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-3">Adventure</span>
					  <h3 class="schedule-item-name">Stranger things</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">16:00</li>
							<li class="list-inline-item viewing-times-item">18:00</li>
							<li class="list-inline-item viewing-times-item">21:00</li>
						  </ul>
						</div>
						<div class="duration">120 Mins<span class="certification">PG</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-3.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-1">Adventure</span>
					  <h3 class="schedule-item-name">Westworld</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">14:30</li>
							<li class="list-inline-item viewing-times-item">20:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">117 Mins<span class="certification">U</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-4.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-2">Drama</span>
					  <h3 class="schedule-item-name">House of cards</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">10:00</li>
							<li class="list-inline-item viewing-times-item">12:45</li>
							<li class="list-inline-item viewing-times-item">17:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">135 Mins<span class="certification">18</span></div>
					  </div>
					</div>
				  </div>
				</div>
		  </div>
		  <div id="nav-fri" role="tabpanel" aria-labelledby="nav-fri-tab" class="tab-pane fade">
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-1.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-3">Science fiction</span>
					  <h3 class="schedule-item-name">Black Mirror</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">14:45</li>
							<li class="list-inline-item viewing-times-item">18:30</li>
							<li class="list-inline-item viewing-times-item">20:30</li>
							<li class="list-inline-item viewing-times-item">24:45</li>
						  </ul>
						</div>
						<div class="duration">105 Mins<span class="certification">15</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-2.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-2">Adventure</span>
					  <h3 class="schedule-item-name">Stranger things</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">16:00</li>
							<li class="list-inline-item viewing-times-item">18:00</li>
							<li class="list-inline-item viewing-times-item">21:00</li>
						  </ul>
						</div>
						<div class="duration">120 Mins<span class="certification">PG</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-3.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-1">Adventure</span>
					  <h3 class="schedule-item-name">Westworld</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">14:30</li>
							<li class="list-inline-item viewing-times-item">20:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">117 Mins<span class="certification">U</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-4.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-3">Drama</span>
					  <h3 class="schedule-item-name">House of cards</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">10:00</li>
							<li class="list-inline-item viewing-times-item">12:45</li>
							<li class="list-inline-item viewing-times-item">17:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">135 Mins<span class="certification">18</span></div>
					  </div>
					</div>
				  </div>
				</div>
		  </div>
		  <div id="nav-sat" role="tabpanel" aria-labelledby="nav-sat-tab" class="tab-pane fade">
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-1.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-1">Science fiction</span>
					  <h3 class="schedule-item-name">Black Mirror</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">14:45</li>
							<li class="list-inline-item viewing-times-item">18:30</li>
							<li class="list-inline-item viewing-times-item">20:30</li>
							<li class="list-inline-item viewing-times-item">24:45</li>
						  </ul>
						</div>
						<div class="duration">105 Mins<span class="certification">15</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-2.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-2">Adventure</span>
					  <h3 class="schedule-item-name">Stranger things</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">16:00</li>
							<li class="list-inline-item viewing-times-item">18:00</li>
							<li class="list-inline-item viewing-times-item">21:00</li>
						  </ul>
						</div>
						<div class="duration">120 Mins<span class="certification">PG</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-3.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-3">Adventure</span>
					  <h3 class="schedule-item-name">Westworld</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">14:30</li>
							<li class="list-inline-item viewing-times-item">20:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">117 Mins<span class="certification">U</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-4.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-1">Drama</span>
					  <h3 class="schedule-item-name">House of cards</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">10:00</li>
							<li class="list-inline-item viewing-times-item">12:45</li>
							<li class="list-inline-item viewing-times-item">17:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">135 Mins<span class="certification">18</span></div>
					  </div>
					</div>
				  </div>
				</div>
		  </div>
		  <div id="nav-sun" role="tabpanel" aria-labelledby="nav-sun-tab" class="tab-pane fade">
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-1.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-2">Science fiction</span>
					  <h3 class="schedule-item-name">Black Mirror</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">14:45</li>
							<li class="list-inline-item viewing-times-item">18:30</li>
							<li class="list-inline-item viewing-times-item">20:30</li>
							<li class="list-inline-item viewing-times-item">24:45</li>
						  </ul>
						</div>
						<div class="duration">105 Mins<span class="certification">15</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-2.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-3">Adventure</span>
					  <h3 class="schedule-item-name">Stranger things</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">16:00</li>
							<li class="list-inline-item viewing-times-item">18:00</li>
							<li class="list-inline-item viewing-times-item">21:00</li>
						  </ul>
						</div>
						<div class="duration">120 Mins<span class="certification">PG</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-3.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-1">Adventure</span>
					  <h3 class="schedule-item-name">Westworld</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">11:00</li>
							<li class="list-inline-item viewing-times-item">14:30</li>
							<li class="list-inline-item viewing-times-item">20:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">117 Mins<span class="certification">U</span></div>
					  </div>
					</div>
				  </div>
				</div>
				<!-- Schedule item-->
				<div class="schedule-table-item">
				  <div class="row align-items-center">
					<div class="col-lg-3"><a href="#" class="schedule-item-image"><img src="images/tv-shows-4.jpg" alt="..." class="img-fluid"></a></div>
					<div class="col-lg-9"><span class="schedule-item-genre gradient-2">Drama</span>
					  <h3 class="schedule-item-name">House of cards</h3>
					  <p class="schedule-item-description"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor dolore voluptas unde sequi veritatis debitis accusantium eligendi, provident quo assumenda!</p>
					  <div class="schedule-item-time">
						<div class="viewing-times"><span><i class="icon ion-md-time"></i>观影时间</span>
						  <ul class="list-inline viewing-times-list mb-0">
							<li class="list-inline-item viewing-times-item disabled">10:00</li>
							<li class="list-inline-item viewing-times-item">12:45</li>
							<li class="list-inline-item viewing-times-item">17:00</li>
							<li class="list-inline-item viewing-times-item">21:15</li>
						  </ul>
						</div>
						<div class="duration">135 Mins<span class="certification">18</span></div>
					  </div>
					</div>
				  </div>
				</div>
		  </div>
		</div>
	  </div>
	</div>
  </section>
</div>
</footer>
<!-- JavaScript files-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/popper.js/umd/popper.min.js"> </script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="vendor/swiper/js/swiper.min.js"></script>
<script src="js/front.js"></script>

</body>
</html>